@charset "utf-8";
/* CSS Document */

html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
    letter-spacing:1px;
    text-align: left;
}
*{ padding:0 ; margin:0 ; font-size:14px;text-align: left;}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration: none!important;}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}


#w-1200{width: 1260px;margin: 0 auto;}
#w-1200-1{width: 1250px;margin: 0 auto;overflow:hidden;margin-top: 20px;}
#w-1200-2{width: 1250px;margin: 0 auto;overflow:hidden;}


/* ====开始====*/

/*头部通用 PC*/

/*欢迎语*/
.kehuan{
  width: 100%;
  height: 30px;
  background: #f6f6f6;
  margin: 0 auto;

}
.kehuan h2{
  line-height: 30px;
  width: 500px;
  float: left;
  margin: 0 auto;
  font-size: 14px;
  color: #7a7a7a;
}
.kehuan h2 strong{
  line-height: 30px;
  width: 500px;
  float: left;
  margin: 0 auto;
  font-size: 14px;
  color: #7a7a7a;
}
.kehuan span{
  float: right;
  line-height: 30px;
  color: #7a7a7a;
}
.kehuan span a{

  color: #7a7a7a;
}

.shitop{
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  height: 120px;
  background: #fff;
  margin:0 auto;
/*  overflow: hidden;*/
/*border-bottom: 1px solid #afafaf6b;*/

}


/*menu*/
.head-v3{position:relative;z-index:100;/*min-width:1000px*/}
.head-v3 .navigation-inner{margin:0 auto;/*width:1150px;*/position:relative}
.navigation-up{height:60px;/*background:#0898eb;*/margin-top: 47px;float: right;}
.navigation-up .navigation-v3{/*margin-left:155px;*/float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff;width: 106px;}
.navigation-up .navigation-v3 .nav-up-selected{/*background:#344157*/}
.navigation-up .navigation-v3 .nav-up-selected-inpage{/*background:#344157*/}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{
/*  padding:0px 33px;*/
  color:#333;
  font-size: 16px;
  display:inline-block;
  height:60px;
  font-family:"microsoft yahei";
}
.navigation-up .navigation-v3 li h2 a:hover{

  color:#0a74ee;
  font-family:"microsoft yahei";
}

.navigation-down{position:absolute;top:91px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:url(../images/ysl.png) repeat;position:absolute;top: 60px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff;padding-bottom:10px;
border-bottom:1px solid #f6f7f966;margin-bottom:10px;}
.navigation-down .menu-1 dd {float: left;width: 150px;height: 30px;margin-top: 16px;border:1px solid #f3f3f3b3;margin-right:5px;
margin-left: 5px;}
.gao{height: 25px;}
.navigation-down .menu-1 dd a{color:#fff;font:normal 15px/30px "microsoft yahei";text-align: center;display: block;}
.navigation-down .menu-1 dd a:hover{color:#52cff8}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

.navigation-down .menu-1 dl span{display: block;width: 100%;height: 30px;margin-top: 120px;color: #52cff8;font-size: 15px;}


/*导航*/
.toua{
  width: 891px;
  height: 144px;
  float: left;
}
.hao_nav ul{
  height:123px;
  margin-left:5px;
}
.hao_nav ul li{
  width:10%;
  height:144px;
  line-height:24px;
  float:left;

}
.hao_nav ul li a{
  color:#fff;
  font-size:16px;
  width:100%;
  height:144px;
  display:block;
  text-align:center;
  line-height: 35px;
  padding-top:40px;


}
.hao_nav ul li a:hover{
  background:#ffcc00;
  color: #333333;
}
.hao_nav ul li span{
  text-align: center;
  text-transform:uppercase;
  display: block;
    color: #7a7a7a;
    font-size: 12px;
    line-height: 20px;
}
.hao_nav ul li span:hover{
  color: #7a7a7a
}

.hao_nav ul li .sec{display:none;background: #ffffff; padding: 15px; width: 136px; position:absolute; border: 3px solid #eaeaea;    top: 243px;z-index: 99999;}

.hao_nav ul li .sec .sec1{ width: 150px; }
.hao_nav ul li .sec img{ margin-top: 15px;}
.hao_nav ul li .sec .sec1 p{ padding-top: 10px; line-height: 22px; 
  color: #444444; font-size: 12px; }
.hao_nav ul li .sec .sec2{  width: 150px; }
.hao_nav ul li .sec .sec2 a{ color: #333; display: block; margin:0px 5px 0px 0px; float: left;width: 110px;; height: 45px; border-bottom: 1px dashed #eaeaea; line-height: 45px;background: #ffffff; font-size: 15px; font-weight: normal; text-align: center;  }
.hao_nav ul li .sec .sec2 a:hover{ color: #167788; }



.toubul{
  width: 696px;
  height: 100px;
  float: left;
}

/*end*/

.demo {
    margin-left: 25px;
}
.zenew{display: block;}




.fb-pro{
    margin-bottom: 15px;
    width: 307px;
    float: left;
    margin-right: 8px;
    border: 1px solid #eee;
    padding: 3px;
}
#w-1260{
  width: 1260px;
  margin:0 auto;
}
.fb-pro .tu1{
  position: relative;
  width: auto;
  height: auto;
 /* border:1px solid #eeeeee;*/
  border-bottom:none;
  overflow: hidden;
}
.fb-pro .tu1 img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro:hover .tu1 img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro .tu1 .up-name{
  position: absolute;
  left:0px;
  bottom:0px;
  z-index: 10;
  width: 271px;
  height: 43px;
  background:url(../Img/pro-name.png);
}
.fb-pro .tu1 .up-name p{
  display: block;
  line-height: 42px;
  font-size: 17px;
  color: #fff;
  text-indent: 15px;
}
.fb-pro .p01-cont{
  padding:22px 3px 18px 3px;

  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont{
  /*background-color: #0868d7;*/

}
.phone.hidden-xs {
    width: 95%;
    margin: 0 auto;
}
.biaotil {
    width: 70%;
    float: left;
}
.biaotir {
    width: 30%;
    float: right;
}
.fb-pro .p01-cont a h3{
  display: block;
  float: left;
  height: 27px;
  margin-top: 10px;
  font-size: 16px;
  color: #000;
  line-height: 150%;
  overflow: hidden;
  transition: all 0.35s ease-out;
  padding-left: 7px;
}
.fb-pro:hover .p01-cont a h3{
  margin-left:12px;
  color: #333;
}
.fb-pro .p01-cont .more1 a{
   float: right;
    width: 63px;
    margin-top: 8px;
    height: 29px;
    background-color: rgba(218, 218, 218, 0.95);
    font-size: 15px;
    color: #676767;
    text-align: center;
    line-height: 29px;
    border-radius: 5px;
    transition: all 0.35s ease-out;
    letter-spacing: -1px;


}
.fb-pro:hover .p01-cont .more1 a{
  margin-right: 8px;
  background-color: #f64e4e;
  color: #fff;
}
.fb-pro .p01-cont .phone p{
  display: block;
  margin-top: 5px;
  font-size:16px;
  color: #f64e4e;
  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont .phone p{
  color: #f64e4e;
  margin-left:12px;
}
.my-pro-phone{
  display: none;
}


/*end首页产品*/


/*头部 手机*/
.ph-menu{
  padding:5px;
  width: 100%;
  height: auto;
  background-color: #0a74ee;
  text-align: center;
}

.ph-menu a{
  padding:2px;

}
.ph-menu1 a{
  display: inline-block;
  margin:1% 0px;
  padding:2% 0px;
  width: 23.7%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border:1px solid #fff;
  box-sizing:border-box;
}
.ph-menu12{
  display: block;
  margin:-3px auto;
  padding:1%;
  width: 25%;
  
}
.ph-menu12 h2{
  display: block;
  margin:2px;
  margin-left:-0.5px;
  padding:5%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  display: block;
  border:1px solid rgba(255, 255, 255, 0.45);
  box-sizing:border-box;
  border-radius: 5px;
}
.ph-menu12:hover h2{
  text-decoration: none;
}
.ph-menu12:focus{text-decoration: none}


/*电脑banner，一直都可以用*/
.banner{width:100%;}
.fn-clear{zoom:1;}
.box_skitter{position:relative;background:none;}
.box_skitter ul{display:none;}
.box_skitter .container_skitter{overflow:hidden;position:relative;}
.box_skitter .image{overflow:hidden;}
.box_skitter .image img{display:none;}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20;}
.box_skitter .prev_button{position:absolute;top:50%;left:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;background:url(../images/prev.png) no-repeat left top!important;}
.box_skitter .next_button{position:absolute;top:50%;right:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;background:url(../images/next.png) no-repeat left top!important;}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none;}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:31px;height:31px;}
#slideshow{width:100%;height:644px;}
#slideshow ul{display:none;}

/*手机banner轮播*/
.mbanner{width:100%}
.mbanner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
  -webkit-transition:left 800ms ease-in 0;
  -moz-transition:left 800ms ease-in 0;
  -o-transition:left 800ms ease-in 0;
  -ms-transition:left 800ms ease-in 0;
  transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:10px;bottom:10px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a .active{background:#ff0;position:relative;}

/*简介*/
.yuana{
  width: 100%;
  height: 603px;
  background: url(../images/yuan_13.jpg) no-repeat center;
  margin:0 auto;
  overflow: hidden;
}
.yuanat{
  width: 800px;
  height: 274px;  
  line-height: 30px;
  color: #333;
  margin-top: 180px;
  margin-left: 60px;
}
.yuanat p{
  color: #333;
  line-height: 35px;
  font-size: 16px;
}
.yuanab{
  width: 98px;
  height: 28px;
  margin-left: 740px;
  margin-top: 13px;
  color: #333;
}
.yuanab a{
  color: #5d1c18;
}
.yuanab a:hover{
  color: #5d1c18;
}

/*分割*/
.fenge{
  width: 100%;
  height: 357px;
  margin:0 auto;

}
.fenge li{
  float: left;
  padding-left: 0px;
  padding-right: 0px;
}
.fenge li img{
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  height: 357px
}
/*tab产品*/
.tab{ width:1260px; margin:13px auto 50px;}
.tab-hd { /*background:#F93; */overflow:hidden; zoom:1;}
.tab-hd li{ float:left; width:166px; color:#fff; text-align:center; cursor:pointer;margin-right: 10px;}
.tab-hd li.active{ background:#f64e4e;}
.tab-bd li{display:none; padding:20px 0px;/* border:1px solid #ddd; */border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}

/*首页产品*/
.h-pro-gun01 {
  width: 1260px;
  margin:0 auto;
  margin-top: 10px;
}
.h-pro-gun01 li{
  float: left;
  margin-right: 13px;
  margin-bottom: 30px;
  width:300px;
  height: 380px;
  border: 1px solid #ffc422;
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover{
  border: 1px solid #505050;
}
.h-pro-gun01 li .tu{
  margin-top: 10px;
  margin-left: 10px;
  width: 280px;
  height: 215px;
  padding:0px;
  border:0px solid #434343;
  background-color: #e5e5e5;
  overflow: hidden;
}
.h-pro-gun01 li .tu img{
  width: 280px;
  height: 215px;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro-gun01 li .p1-t{
  margin:0 auto;
  width: 94%;
  height: 32px;
  background: url(../images/tit-bg2.png) top right no-repeat #ffc422;
  transition: all 0.3s ease-out;
}
.h-pro-gun01 li:hover .p1-t{
  background-color: #f59d04;
}

.h-pro-gun01 li .p1-t a h3{
  float: left;
  display: block;
  height:32px;
  line-height: 32px;
  font-size: 15px;
  color: #333;
  text-align: center;
  letter-spacing: 0px;
  text-indent: 10px;
  transition: all 0.3s ease-out;
}
.h-pro-gun01 li .p1-t p{
  display: block;
  float: right;
  width: 86px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  text-indent: 25px;
  font-size: 16px;
  color: #fff;
}
.h-pro-gun01 li:hover .p1-t a h3{
  color: #fff;
}
.h-pro-gun01 li .dianhu{
  margin-top:14px;
    width: 300px;
    height: auto;

}
.h-pro-gun01 li .dianhu p{
  display: block;
  padding:2px 0px 2px 0px;
  font-size: 14px;
  color: #5b5b5b;
  letter-spacing: 0px;
  text-align: center;
  transition: all 0.3s ease-out;
    
}

.h-pro-gun01 li .dianhu span{
  display: block;
  padding:2px 0px 2px 0px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 16px;
  color:#f2a707;
  font-weight: bold;
  transition: all 0.3s ease-out;
    
}
.h-pro-gun01 li .more a{
  display:block;
  margin:0 auto;
  margin-top:10px;
  width: 120px;
  height: 25px;
  border:1px solid #333;
  text-align: center;
  line-height: 25px;
  color: #333;
  border-radius: 15px;
  transition: all 0.3s ease-out;
}
.h-pro-gun01 li:hover .more a{
  background-color: #ffc422;
  color:#333;
}


/*b简介*/
.babout{
  width: 100%;
  height: 635px;
  background: url(../images/bang_06.jpg) no-repeat center;
  margin: 0 auto;
}
.baboutlz{display: none;}


.baboutl{
  width: 637px;
  height: 638px;
  float: left;
}
.baboutlt{
  width: 653px;
  height: 62px;

}
.baboutlt h2{
  font-size: 40px;
  color: #333;
  font-weight: bold;
  margin-top: 75px;
  letter-spacing: 0px; 
}
.baboutlb{
  width: 634px;
  height: 287px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.baboutlb a p{
  font-size: 16px;
  line-height: 30px;
  color: #333;

}
.baboutlb p{
  font-size: 16px;
  line-height: 30px;
  color: #333;

}
.babout2{
  width: 100%;
  height: 285px;
  background: url(../images/bang_08.jpg) no-repeat center;
  margin: 0 auto;
  margin-top: 20px;
}

/*产品*/
.yuancp{
  width: 100%;
  height: 1482px;
  background: #fff;
  margin:0 auto;
}
.yuancpl{
  width: 1260px;
  height: 84px; 
  margin:0 auto;

}
.yuancpl h2{
  font-size: 35px;
  color: #333;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;

}
.yuancpl span{
 font-size: 20px;
 color: #333333;
 text-align: center;
 display: block;
 text-transform: uppercase;
 letter-spacing: 0px;
 font-family: arial;
 margin-top: 5px;
}
.yuancpr{
  margin-top: 15px;
  margin-right: 0px;
  width: 1260px;
}
.yuancpr li{
  border-radius: 8px;
  float: left;
}
.yuancpr li a{
  width: 165px;
  height: 44px;
  border-radius: 5px;
  background: #0a74ee;
  float: left;
  color: #fff;
  line-height: 44px;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
}
.yuancpr li a:hover{
  background: #0868d7;
}
/*优势*/
.yuanys{
  width: 100%;
  height: 281px;
  background: url(../images/yuan_27.jpg) no-repeat center;
  margin:0 auto;
}
.yuanys img{
  display: none;
}
.yuanysa{
  width: 100%;
  height: 1044px;
  background: url(../images/bang_14.jpg) repeat;
  margin:0 auto;
  overflow: hidden;
}

.zhengyou{
  width: 100%;
  margin:0 auto;
}
.zhengyou li{

}
.zhengyout{
  font-size: 37px;
  font-weight: bold;
  color: #ffa912;
  font-weight: bold;
  margin-left: 150px;

}
.zhengyoub{
  width: 452px;
  height: 93px;
  margin-left: 150px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}


/*汽车吊产品*/
#qltu{
  width: 563px;
  height: 320px;
  float: left;
}
#qrlist{
  width: 616px;
/*  height: 272px;*/
  float: right;
}
#qrlist img{
  width: 301px;
  height: 70px;
}
.qicheall{
  width: 100%;
  height: auto;
  background: #f7f7f7
}
#qrlistzh{
  width: 1250px;
  margin: 0 auto;
  margin-top: 30px;
}
#qrlistzh li{
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    width: 15%;
    float: left;
}
#qrlistzh li h3{
  margin: 0px;
  padding:0px;
  line-height: 47px;
  text-align: center;
  color: #fff;
  font-size: 17px;
}
.nylistz{
    width: 1260px;
    margin: 0 auto;
}

#nycp{
    width: 100%;
/*    height: 220px;*/
    margin-top: 15px;  
    margin: 0 auto;

}
#nycp li{
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    width: 13.5%;
    float: left;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
}

#nycp li h3{
  margin: 0px;
  padding:0px;
  line-height: 47px;
  text-align: center;
  color: #fff;
  font-size: 18px;  

  background: #317BDA;
    border-radius: 4px;
}

#nycp li h3:hover{

  background: #f64e4e;
  border-radius: 4px;
}

.zhizhiall{
  width: 100%;
  height: auto;

}

/*电脑产品标题*/
.cpbiao{
  width: 349px;
  height: 69px;/*
  background: url(../images/ke_08.jpg) no-repeat center;
*/  margin: 0 auto;
  margin-top: 10px;
}

.cpbiaot{
  width: 1250px;
  height: 50px;
  color: #9a9a9a;
  margin: 0 auto;
}
.cpbiaot h2{
  text-align: center;
  font-size: 15px;
  line-height: 26px;
  margin-top: 5px;
  color: #737374;
}
.cpbiao h2{
  text-align: center;
  font-size: 33px;
  margin-top: 10px;
  font-weight: bold;
}

.cpbiao span{
  text-align: center;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
}
.cpbiaots{
  width: 80%;
  height: 20px;
  line-height: 20px;
  color: #9a9a9a;
  margin: 0 auto;
}

.cpbiaots h2{
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}
/*遮罩*/

.con{/*width:770px;height:435px;*/}
#w-1200-2 li{padding:2px;}
.con ul li{/*width:381px;height:274px;float:left;*/ margin-right:4px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.con ul li img{width: 100%}
.txt{ width: 100%;height:45px;/*background:rgba(0,0,0,0.6);透明背景色，不透明其文字内容*//*position:absolute;left:0;bottom:0;*/color:#fff;font-family:"微软雅黑";}
.txt h3{color: #333;margin:0 auto;font-size:16px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt h3 a{color: #fff}

/*对比*/
.Box {position: relative;}
      .Box .content {width: 1200px;margin: 0 auto;}
/*      .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}*/
      .Box .Box_con {position: relative;}
      .Box .Box_con .btnl {position: absolute;}
      .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 241px;cursor: pointer;}
      .Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
      .Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
      .Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
      .Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
      .Box .Box_con .conbox {position: relative;overflow: hidden;}
      .Box .Box_con .conbox ul {position: relative;list-style: none;}
      .Box .Box_con .conbox ul li {float: left;width: 580px;height: 567px;margin-left: 20px;overflow: hidden;}
      .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
      .Box .Box_con .conbox ul li img {display: block;width: 560px;height: 500px;transition: all 0.5s; overflow: hidden;}
      .Box .Box_con .conbox ul li:hover img {/*transform: scale(1.1);*/}
      .Box .Box_con .conbox ul li a h2 {
        margin-top: 15px;
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        color: #333;
        text-align: center;
      }
      
      .Box .BoxSwitch {margin-top: 30px;text-align: center;}
      .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
      .Box .BoxSwitch span.cur {background: red;}





/*案例产品*/
.demo textarea {
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    font-family: "Roboto";
    font-size: 0.9em;
    height: 32px;
    padding: 6px 0px;
    resize: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/
    }
.demo li{
  float: left;
}
#canli h3{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 17px;
  text-align: center;
  line-height: 40px;

}
#canli span{
  width: 30px;
  height:5px;
  background: #d80100;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
}
#canli a{
  color: #333333;
}
#canli h3 p{
  font-size: 15px;
}
#canli:hover a{
  color: #ffa800;
}
#canli{
  padding-left: 5px;
  padding-right: 5px;    width: 249px;
}
#canli img {
    height: 250px;
}


/*新闻*/
.zenew{
  width: 100%;
  height: 550px;
  background: rgba(245, 245, 245, 0.7);
  margin:0 auto;
  overflow: hidden;
}
.h-m6-l{
  float: left;
  /*padding:20px 35px;*/
  width: 549px;
  height: 470px;

}
.h-m6-l .date1{
  width: 191px;
  height: 43px;
  font-size: 30px;
  color: #7d7d7d;
  font-family: "arial";
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.h-m6-l a h2{
  display: block;
  width: 100%;
  height: 20px;
  font-size: 16px;
  color: #090909;
  letter-spacing: 0px;
  overflow: hidden;
}
.h-m6-l p{
  display: block;
  margin-top: 10px;


  height: 38px;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 130%;
  overflow: hidden;
}
.h-m6-l .tu1{
  margin-top: 12px;
    width: 549px;
    height: 273px;
  overflow: hidden;
}
.h-m6-l .tu1 img{
    width: 549px;
    height: 273px;
}
.h-m6-l .more1 a{
  display: block;
  margin-top: 20px;
  width: 118px;
  height: 28px;
  background-color: #0a74ee;
  text-align: center;
  line-height: 28px;
  color: #fff;
  border-radius: 15px;
  transition: all 0.5s ease-out;
}
.h-m6-l .more1:hover a{
  margin-left:15px;
  width: 200px;
}

.h-m6-r{
  float: right;
  width: 686px;
  height: auto;
  overflow: hidden;
}

.h-news1{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.h-news1 li{
  margin:22px 0px;
  width: 100%;
  height: 80px;
  border-bottom:1px solid #dcdcdc;
}
.h-news1 li .l01{
  float: left;
  width: 570px;
  height: 65px;
  transition: all 0.3s ease-out;
}
.h-news1 li:hover .l01{
  margin-left: 8px;
}
.h-news1 li .l01 a h3{
  display: block;
  width: 100%;
  height: 20px;
  font-size: 16px;
  color: #090909;
  line-height: 20px;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.h-news1 li:hover .l01 a h3{
  color: #f64e4e;
}
.h-news1 li .l01 p{
  display: block;
  margin-top: 8px;
  width: 100%;
  height: 35px;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 125%;
  overflow: hidden;
}
.h-news1 li .r01{
  float: right;
  width: 105px;
  height: auto;
}
.h-news1 li .r01 .date2{
  padding-left:34px;
  height: 40px;
  font-size: 35px;
  color: #7d7d7d;
  font-family: "arial";
  letter-spacing: 0px;
}
.h-news1 li .r01 .year1{
  height: 23px;
  padding-left:34px;
  border-left:1px solid #d2d2d2;
  line-height: 23px;
  font-size: 16px;
  color: #7d7d7d;
  letter-spacing: 0px;
  font-family: "arial";
}
.h-video{
  padding:20px 0px;
  width: 100%;
  min-height: 230px;
  background-color: #e5e5e5;
  border-radius: 15px;
}

.h-video-1{
  float: left;
  width: 363px;
  height: 227px;
  background-color: #004968;
}
.h-video-ml{
  margin-left:25px;
}
.h-video-mr{
  margin-right: 30px;;
}
.tit-news h2{
  display: block;
  float: left;
  font-size: 20px;
  color: #333;
  
  text-transform: uppercase;
  font-family: arial;
  letter-spacing: 0px;
}
.tit-news h2 font{
  display: block;
  
  font-size: 32px;
  font-weight: bold;
  color: #333;
  font-family: "微软雅黑"!important ;
  font-family: arial;
  letter-spacing: 0px;
}
.tit-news h2 font span{
  display: block;
  
  width: 20px;
  height: 5px;
  background: #0a74ee;
  float: right;
  margin-top:20px;
  margin-left: 10px;
}
/**/
.youst{
  width: 504px;
  height: 77px;
  margin:0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.youst h4{
  font-size: 34px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.youst span{
  font-size: 15px;
  text-transform: uppercase;
  color: #535353;
  font-family: arial;
  text-align: center;
  display: block;
  letter-spacing: 0px;
  margin-top: 5px;
}
.yousb li{
  border-right: 1px solid #ededef;
  height: 333px;
  float: left;

}
.yousbt{
  width: 62px;
  height: 50px;

}
.yousbz strong{
  margin-top:15px;
  color: #222;
  font-size: 22px;
  font-weight: bold;
  padding-left: 12px;
  display: block;
  text-align: center;


}
.yousbb{
  padding:6px;
  color: #333;
  line-height: 28px;
  font-size: 15px;

}
.yousmore{
  width: 91px;
  height: 33px;
  background: #e4e4e4;
  border-radius: 6px;
  margin-top: 10px;
  margin-left: 3px;
}
.yousmore:hover{
  background: #0a74ee;
  color: #919191;
}
.yousmore:hover a{

  color: #a5c2f7;
}
.yousmore a{
  text-align: center;
  line-height: 33px;
  display: block;
  letter-spacing: 0px;
  font-size: 12px;
}

/*友情链接*/
.you{
  width: 100%;
  height: 37px;
  background: #262626;
  margin:0 auto;
  line-height: 37px;
  
}
.youz{
  color: #bebebe
}
.youz a{
  color: #bebebe
}

.duibitu{
  display: none;
}




.newa{
  width: 100%;
  height: 540px;
  background: url(../images/h_09.jpg) repeat;
  margin: 0 auto;
}
.newt{
  width: 1260px;
  height: 94px;
  background: url(../images/yuan_22.jpg) no-repeat;
  margin-top: 5px;
}
.newt h2{
  font-size: 35px;
  color: #000002;
  font-weight: bold;
  margin-left: 5px;
  width: 1083px;
  float: left;
  margin-top: 16px;
}
.newt a{
  display: block;
  float: right;
  width: 114px;
  height: 33px;
  background: #d80100;
  margin-top: 42px;
  border-radius: 8px;
  color: #fff;
  line-height: 33px;
  text-align: center;

}
.newt a:hover{
  
  color: #fff;


}
.fb-news{
  width: 290px;
  margin-top: 10px;
  margin-right: 25px;
  transition: all 0.3s ease-out;
  float: left;
}
.fb-news:hover{
  margin-top: 10px;
  margin-bottom: 10px;
}
.fb-news a h3{
  display: block;
  margin-bottom: 18px;
  font-size: 16px;
  color: #000;
  overflow: hidden;
}
.fb-news .tu1{
  width: 100%;
  height: auto;
}
.fb-news .tu1 img{
  width: 100%;
}
.fb-news .newsfl{
  width: 30%;
  padding:6px 0px;
  margin-top: 19px;
  margin-bottom: 15px;
  background-color: #ff0000;
  font-size: 14px;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease-out;
}
.fb-news:hover .newsfl{
  width: 100%;
}
.fb-news p{
  display: block;
  width: 100%;
  height: 61px;
  font-size: 14px;
  color: #3f3f3f;
  line-height: 150%;
  overflow: hidden;
}
.fb-news .morea{
  margin-top: 20px;
}
.fb-news .morea img{
  display: block;
  float: left;
}
.fb-news .morea a{
  display: block;
  float: left;
  font-size: 14px;
  color: #363636;
  line-height: 22px;
}

.fb-news .morea a:hover{
  display: block;
  float: left;
  font-size: 14px;
  color: #c70101;
  line-height: 22px;
}

.foot-bg{
  width: 100%;
  height: 400px;
  background:#373737;
  overflow: hidden;
}

.f-dz{
  width: 100%;
  height: 50px;
  color: #FFFFFF;
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  letter-spacing:1px;
  margin-top: 30px;
}

.f-xz{
  width: 100%;
  height: 30px;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}

.f-left{
  width: 360px;
  height: auto;
  float: left;
  margin-top: 60px;
}
.h-title{
  width: 100%;
  height: 30px;
  float: left;
  margin-bottom: 20px;

}

.h-title h2{
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  float: left;    font-weight: bold;
}
.h-title h2 span{
  text-transform: uppercase;
  color: #e8e8e8;
  letter-spacing: 0px;
  margin-left:7px;
}
.h-xian2{
  width:30px;
  border-bottom:5px #d80100 solid;
  margin-top: 54px;
}

.h-lx{
  width: 100%;
  height: auto;
  float: left;
  padding-top:16px;  
}
.h-lx li{
  float: left;
  margin-right: 15px;
}
.h-lx li a{
  color: #cdcdcd;
  font-size:15px; 
  line-height:28px;
}
.h-lx p a{
  font-size: 15px;
  color: #cdcdcd;
  line-height: 28px;
}

.h-lx p a:hover{
  font-size: 16px;
  color: #cdcdcd;
  line-height: 28px;
}

.h-lx strong{
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}

.f-left1{
  width: 280px;
  height: auto;
  float: left;
  margin-top: 60px;
}
.weixin{
  width: 140px;
  height: 107px;
  margin-top: 30px;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  float: left;
  padding-right: 20px;
}

.f-left2{
  width: 300px;
  height: auto;
  float: left;
  margin-left: 50px;
  margin-top: 60px;
}
.h-cplei{
  width: 300px;
  height: auto;
  line-height: 25px;
  color: #FFFFFF;
  margin-top: 14px;
  float: left;
  font-size: 14px;
}
.h-cplei li{
  float: left;
  width: 47%;
  line-height: 25px;
}
.h-cplei li h3{
  color: #cdcdcd;
  margin-top: 10px;
  margin-bottom: 12px;
}
.h-cplei p{
  width: 300px;
  height: auto;
  line-height: 28px;
  color: #cdcdcd;
  font-size: 14px;
  float: left;  
}


.h-cplei p a{
  width: 107px;
  height: auto;
  line-height: 28px;
  color: #FFFFFF;
  font-size: 14px;
  float: left;

}

.h-cplei p a:hover{
  width: 107px;
  height: auto;
  line-height: 28px;
  color: #fb4542;
  font-size: 14px;
  float: left;
}

.f-right{
  width: 449px;
  height: auto;
  float: left;
  margin-top: 60px;
  margin-left: 22px;
}

.h-footwz{
  width: 100%;
  height: auto;
  float: left;
  color: #FFFFFF;
/*  margin-top: 20px;*/
}

.h-footwz p{
  color: #cdcdcd;
  line-height: 28px;
}
.h-footwz p a{
  color: #cdcdcd;
}
.htiaoa{
  line-height: 30px;

}
.htiaoa p{
  color: #cdcdcd;
  line-height: 63px; 
}

.h-footwz p a:hover{
  color: #FFFFFF;
}

.h-footwz strong{
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.tiao{
  width: 4px;
  height: 198px;
  background: url(../images/tiao.jpg) no-repeat center;
  float: left;
  margin-top: 115px;
}
.htiao{
  width: 100%;
  height: 13px;
  background: url(../images/hetiao.jpg) no-repeat center;
  margin:0 auto;
  margin-top: 20px;
}



/*end首页新闻*/
/*电脑产品列表*/
.scpt{
  width: 250px;
  height: 66px;
  background: url(../images/shi_25.jpg) no-repeat center;
  margin: 0 auto;
  margin-top: 10px;
}
.cpab{
  width: 100%;
  background: #f4f4f4;
  margin:0 auto;
  padding:10px;  

}


/*======================产品分类=======================*/
.h-proc1{
  width: 100.5%;
  height: auto;
  overflow: hidden;
}
.h-proc1 li{
  display: block;
  float: left;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
  width: 19.5%;
}
.h-proc1 li a h3{
  display: block;
  padding:8px 3px;
  background-color: #0051b5;
  font-size: 17px;
  color: #fff;
  text-align: center;
  margin:0 auto; 
}
.h-proc1 li a h3:hover{
  color: #fff;
  background: #ffc000;
}



/*====================menu====================*/
.menu-bg{
  position: relative;
  width: 100%;
  height:60px;
  background-color: #313131;
  z-index: 111111111111;
}
.pc-menu li{
  height: 60px;
  position: relative;
  z-index: 200;
  float: left;
  width:11%;
  padding:0px 0% 0px  0%;
  color: #222222;
  list-style: none;
  transition: all 0.3s ease-out;
}
.pc-menu-bg1{
/*  background: url(../Img/menu-bg1.png) top right no-repeat;*/
}
.pc-menu-bg1:hover{
  background: none;
}
.pc-menu li:hover{
 /* background-color: #fd5f20;*/
}
.pc-menu li a{
  position: absolute;
  top:10px;
  z-index: 1000;
  display: block;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  border-radius: 30px;
  position: relative;
}
.pc-menu li:hover a{
  color:#fff;
}
.pc-menu li .active{
  background-color: #ff2a2a;
  color: #fff !important;
}
.pc-menu li:after {
  position: absolute;
  left: 50%;
  top: 10px;
  z-index: 10;
  background-color: #ff2a2a;
  content: "";
  height: 36px;
  transition: all 0.2s ease 0s;
  width: 0%;
  border-radius: 30px;
}
.pc-menu li:hover:after {
  width: 100%;
  left: 0px;
}
.pc-menu li ul{
  position: absolute;
  top:60px;
  left:0px;
  z-index: 111111111;
  z-index: 1000;
  margin:0px;
  margin-left:0px;
  padding:15px 0px 30px 0px;
  width:260px;
  display: none;
  background:rgba(255,42,42,0.8);
  border-radius: 0px 0px 15px 15px;
  border-top:1px solid #0b479f;
}
.pc-menu li ul a{
  display: block;
  margin:0 auto;
  padding:0px;
  width: 90%;
  height: 35px;
  font-size: 16px;
  color: #ffffff !important;
  text-align: center;
  line-height: 35px;
  text-decoration: none;
  background-color: #f22222 !important;
}
.pc-menu li ul a:hover{
  color: #333 !important;
  background-color: #fff !important;
}
.pc-menu li ul a:hover:after{
  content: "";
  height: 0px;
  left: 0;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 0%;
}
/*menu pro*/
.menu-pro{
  position: absolute;
  top:300px;
  left:0px;
  z-index: 111111111;
  z-index: 1000;
  margin:0px;
  margin-left:0px;
  padding:15px 15px 20px 15px;
  width:380px !important;
  display: none;
  background:rgba(30,30,30,0.8);
  border-radius: 0px 0px 10px 10px;
}
.menu-pro dt a{
  border-bottom: none !important;
  margin-bottom: 15px !important;
}
.menu-pro dt:hover a{
  background-color: none !important;
}

.lxt{
  display: block;
}
.menu-pro dt a h2{
  display: block;
  padding:10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #333 !important;
  border-radius: 15px;
  transition: all 0.3s ease-out;
}
.menu-pro dt:hover a h2{
  color: #fff;
  background-color: #444 !important;
}

/*产品图片展示*/
.h-pro1{
  margin-bottom: 55px;
  padding:0px -18px !important;

  border: 1px solid #ece7e7;
}
.h-pro1 .tu1{
  width: 100%;
  position: relative;
  z-index: 10;  
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.h-pro1 .tu1 img{
  width: 100%;
}
.h-pro1 .tu1 a{
  position: absolute;
  top:100%;
  left:0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(8,117,219,0.5);
  transition: all 0.25s ease-in-out;
}
.h-pro1:hover .tu1 a{
  top:0;
  left:0;
}

.h-pro1 .hp1-nr .scpl{
/*  float: left;*/
  width: 100%; 
}
.scpl a h3{
  display: block;
  padding-top:30%;
  width: 100%;
  font-size: 26px;
  color: #fff;
  text-align: center;
/*  font-weight: bold;*/
}
.h-pro1 .hp1-nr{
  padding:0px;
}
.h-pro1 .hp1-nr a h3{
    padding: 5px;
    display: block;
    margin-bottom: 8px;
    /* height: 30px; */
    padding-top: 10px;
    padding-bottom: 10px;
    /* font-size: 16px; */
    color: #1a1717;
    line-height: 142%;
    letter-spacing: 0px;
    /* border-bottom: 1px #b7b7b7 dashed; */
    overflow: hidden;
/*    background:rgba(219, 219, 219, 0.7);*/
    margin: 0 auto;
    float: left;
 
    text-align: center;
    display: block;
    /*! width: 258px; */
/*    border: 1px solid #ece7e7;*/
    height: 35px;
    line-height: 44px;
    border-top: none;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
   /* background: url(../images/cp01.png) no-repeat 245px 8px #fff ;*/
    transition: .5s;
    margin-bottom: 10px;
}
.h-pro1:hover .hp1-nr .scpl a h3{
/*  background: #d1d1d1;*/
  color: #ff0000;
 /* background:url(../images/cp01.png) no-repeat 245px -47px  #fff;*/

}
.scpl a{height: 60px;}

.miao{
  width: 90%;
  height: 30px;
  margin: 0 auto;
}
.miaol{
  width: 49%;
  height: 30px;
  background: #2a2a2a;
  float: left;
  color: #fff;
  font-size: 13px;line-height: 30px;
}
.miaor{
  width: 49%;
  height: 30px;
  background: #2a2a2a;
  float: right;
  color: #fff;
  font-size: 13px;line-height: 30px;
}

.miaoo{
  width: 90%;
  height: 30px;
  margin: 0 auto;
}
.miaoll{
  width: 49%;
  height: 30px;
  background: #333;
  float: left;
  color: #fff;
  font-size: 13px;line-height: 30px;
  text-align: center;border-radius: 20px;
}
.miaorr{
  width: 49%;
  height: 30px;
  background: #333;
  float: right;
  color: #fff;
  font-size: 13px;line-height: 30px;text-align: center;border-radius: 20px;
}



.h-pro1:hover .hp1-nr .scpl .miaol{background: #ff9c00}





.h-pro1 .tu1 img{
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro1:hover .tu1 img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;

}
/*#cphhh{

}
#cphhh:hover .h-pro1 {

    box-shadow:1px 1px  19px 1px #aaa;
}


#cphhh:hover .h-pro1 .hp1-nr .scpl a h3{
  
    box-shadow:1px 1px  19px 1px #aaa;
}
*/

.h-pro1 .hp1-nr .more1{
  float: right;
  width: 35%; 

}
.h-pro1 .hp1-nr .more1 a{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 163%;

  background-color: #0875db;
  text-align: center;

  color: #fff;
  transition: all 0.25s ease-in-out;
}


/*搜索框*/
.m1-bg {
    width: 100%;
    height: auto;
    padding: 40px 0px;
    background: url(../Img/bg1.jpg) top center repeat-y;
    overflow: hidden;
}
.m1-bg{
  width: 100%;
  height: auto;
  padding:40px 0px;
  background: url(../Img/bg1.jpg) top center repeat-y;
  overflow: hidden;
}
.msearch{
}
.msearch p{
  display:block;
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
}
.msearch p b{
  font-size: 15px;
  color: #000;
  font-weight: bold;
}
.msearch p a{
  font-size: 15px;
  color: #000;
}
.msearch2{
  width:422px; 
  margin:0 auto;
}
.h-input1 {
    float: left;
    padding-left: 15px;
    height: 33px;
    width: 290px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    line-height: 33px;
}
.h-input2{
  float: left;
  width: 53px;
  height: 33px;
  background: url(../Img/serch.jpg) top center no-repeat;
}
.m1-l h3{
  display: block;
  margin-bottom: 13px;
  font-size: 28px;
  color: #000;
  font-weight: bold;
}
.m1-l p{
  display: block;
  font-size: 19px;
  color: #0f0f0f;
}
.m1-3 .left-tu{
  width: 30%;
  float: left;
}
.m1-3 img{
  width: 100%;
}
.m1-3 .right-phone{
  width: 70%;
  float: left;
}
.m1-3 .right-phone span{
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
}
.m1-3 .right-phone p{
  display: block;
  font-size: 33px;
  color: #fff;
  font-weight: bold;
}
.m2{
  padding:50px 0px;
}
.h-tit1 h2 {
    display: block;
    font-size: 26px;
    color: #3b3b3b;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;    margin-top: 20px;
}


/*新闻样式四*/
.hnews{
  width: 100%;height: 549px;
  background: url(../images/h_09.jpg);
  margin: 0 auto;
}
.y-news004{
  width:1200px;
  height: auto;
  overflow: hidden;     margin-top: 35px;
}
.y-news004 ul{
  width:1200px;
}
.y-news004 ul li{
    float: left;
    width: 600px;
    height: 187px;

}
.y-news004 ul li img{
  float: left;
  width: 208px;
  height: 142px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.y-news004 ul li .r01{
  float: left;
  width: 372px;
  height: auto;
  margin-left: 13px;
}
.y-news004 ul li .r02{
    float: left;
    color: #fff;
    line-height: 55px;}
.y-news004 ul li .r01 a h3{
  display: block;
  width:100%;
  height: 19px;
  font-size: 17px;
  color: #333;
}
.y-news004 ul li .r01 a h4{
  display: block;
    width: 100%;
    line-height: 20px;
    font-size: 15px;
    color: #333; }  
.y-news004 ul li:hover .r01 a h3{
  color: #305fbe;
}
.y-news004 ul li .r01 p{
  display: block;
  width: 100%;
  height: 70px;
  font-size: 14px;
  color: #999999;
  line-height: 23px;
  margin-top: 10px;
  overflow: hidden;
}
.y-news004 ul li .r01 .more01 a{
  margin-top:20px;
  display: block;
  float: left;
  width: 88px;
  height: 23px;
  border: 1px solid #d80c18;
  font-size: 12px;
  color: #d80c18;
  text-align: center;
  line-height: 23px;
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
  border-radius: 20px;
}
.y-news004 ul li:hover .r01 .more01 a{
  background-color: #d80c18;
  color: #fff;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}


/*简介*/
.kejian{
  margin:0 auto; width: 100%;height:698px;background: #f0f2f5;margin-top: 20px;
}
.kejiana{
  width: 1250px;height: 660px;padding-top: 20px;padding-bottom: 20px;margin:0 auto;
}
.kejianal{
  width: 549px;height: 660px;float: left;
}
.kejianar{
  width: 700px;height: 553px;float: right;margin-top: 70px;background: url(../images/ke_15.jpg) no-repeat center;
}
.kejianalt{
  width: 412px;height: 204px;
}
.kejianalz{
  width: 541px;height: 315px;overflow: hidden;margin-top: 45px;
}
.kejianalz a p{
  font-size: 15px;line-height: 30px;
}
.kejianalb {
  width: 122px;height: 33px;background: #fa9c00;
}
.kejianalb a {
  line-height: 33px;text-align: center;color: #fff;font-size: 13px;display: block;
}
.kejianalb a:hover{
  color: #fff;
}

/*结束*/
.pu_jian{
  width: 100%;height: 503px;background: url(../images/p_15.jpg) no-repeat center;
  margin: 0 auto;
}
.pu_jiana{
  width: 1200px;height: 503px;margin: 0 auto;
}
.pu_jianar{
  width: 569px;height: 342px;
  margin-left: 630px;padding-top:130px;line-height: 30px; 
}
.pu_jianar a{
  color: #6e5d2b;font-size: 15px;
}
.pu_jianar a p{
  color: #6e5d2b;font-size: 15px;
}
.pu_jianar a:hover{color: #6e5d2b}




/*案例*/
.sanli{
  width: 205px;
  height: 81px;
  background: url(../images/p_12.jpg) no-repeat ;
  margin:0 auto;
  margin-top:20px; 
}

/*遮罩*/

.con{/*width:770px;height:435px;*/}
#w-1200-2 li{padding:2px;}
.con ul li{/*width:381px;height:274px;float:left;*/ margin-right:4px;position:relative;overflow:hidden;cursor:pointer;}
.con ul li img{width: 100%}
.txt{ width: 100%;height:45px;/*background:rgba(0,0,0,0.6);透明背景色，不透明其文字内容*//*position:absolute;left:0;bottom:0;*/color:#fff;font-family:"微软雅黑";}
.txt h3{color: #333;background: #e7e7e7;
  margin:0 auto;font-size:16px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt h3 a{color: #333;font-size: 16px;}

.con ul li:hover .txt h3{background: #e80101;transition: all 0.35s ease-out;
}
.con ul li:hover .txt h3 a{color: #fff}


/*优势*/
.keyous{
  width: 1250px;margin: 0 auto;margin-top: 20px;text-align: center;font-size: 16px;
}
.keyoust{
  width: 660px;height: 42px;background: url(../images/ke_20.jpg) no-repeat center;margin: 0 auto;
}
.keyoust2 {
  margin: 0 auto;
}
.keyoust2 h2{font-size: 40px;font-weight: bold;color: #0756bb;text-align: center;}
.keyousz1{
  width: 1250px;height: 550px;margin: 0 auto;margin-top: 25px;
}
.keyousz1l{
  width: 648px;height: 541px;float: left;
}
.keyousz1r{
  width: 594px;height: 445px;float: right;margin-top: 120px;
}
.keyousz1rt{
  width: 100%;margin: 0 auto;height: 120px;
}
.keyousz1rtl{
  width: 70%;height: 87px;float: left;padding-top: 20px;
}
.keyousz1rtl h3{
  font-size: 24px;color: #444;font-family:"微软雅黑";float: right;margin-right: 5px;margin-bottom: 0px;
}
.keyousz1rtl span{
  text-transform:uppercase;font-size:9px;font-family: "arial";color: #848484;
}
.keyousz1rtr{
  width: 30%;height: 105px;background: url(../images/ke_26.jpg) no-repeat;float: right;
}
.keyouszhong{
  width: 581px;height: 20px;background: url(../images/ke_29.jpg) no-repeat center;
}
.keyousdi{
  width: 556px;margin-left: 30px;
}
.keyousdi h3{
  height: 20px;font-size: 15px;color: #333;background: url(../images/ke_33.jpg) no-repeat;padding-left: 25px;
}
.keyousdi h3:hover{
  color: #0756bb
}

/*02*/
.keyousz102{
   width: 1250px;height: 550px;margin: 0 auto;
}
.keyousz1l02{
  width: 648px;height: 541px;float: left;
}
.keyousz1r02{
  width: 594px;height: 361px;;float:left;margin-top: 106px;
}
.keyousz1rt02{
  width: 100%;margin: 0 auto;height: 120px;
}
.keyousz1rtl02{
  width: 70%;height: 87px;float: left;padding-top: 20px;
}
.keyousz1rtl02 h3{
  font-size: 24px;color: #444;font-family:"微软雅黑";margin-bottom: 0px;
}
.keyousz1rtl02 span{
  text-transform:uppercase;font-size:9px;font-family: "arial";color: #848484;
}
.keyousz1rtr02{
  width: 26%;height: 105px;background: url(../images/ke_39.jpg) no-repeat;float: left;
}
.keyouszhong02{
  width: 581px;height: 20px;background: url(../images/ke_29.jpg) no-repeat center;
}
.keyousdi02{
  width: 556px;margin-left: 30px;
}
.keyousdi02 h3{
  height: 20px;font-size: 15px;color: #333;background: url(../images/ke_33.jpg) no-repeat;padding-left: 25px;
}
.keyousdi02 h3:hover{
  color: #0756bb
}



/*结束*/
.p_yousi{
  width: 100%;
  height: 810px;
  background: url(../images/p_09.jpg) no-repeat center;
  margin: 0 auto;
}
#w-1200ys{
  width: 1200px;
  margin: 0 auto;

}
#p_yousil{
  width: 660px;
  height: 651px;
  background: url(../images/ysl.png) no-repeat;
  float: left;  margin-top:150px;
}
#p_yousir{
    width: 540px;
    height: 460px;
    float: left;
    margin-top: 229px; 
}
.yousir01l{
  width: 64px;
  height: 73px;
  float: left;
}
.yousir01r{
  width: 443px;
  height: 93px;
  float: right;
  padding-left: 20px;
}
.yousir01r a{
  width: 443px;
  height: 30px;
  display: block;
  font-size: 25px;
  color: #333
}
.yousir01r a:hover{
  color: #333
}
.yousir01r span{
  padding-top: 5px;
  display: block;
  color: #6d6d6d
}

.yousir02l{
  width: 64px;
  height: 73px;
  float: left;
}
.yousir02r{
  width: 443px;
  height: 93px;
  float: right;
  padding-left: 20px;
}
.yousir02r a{
  width: 443px;
  height: 30px;
  display: block;
  font-size: 25px;
  color: #333
}
.yousir02r a:hover{
  color: #333
}
.yousir02r span{
  padding-top: 5px;
  display: block;
  color: #6d6d6d
}

.yousir03l{
  width: 64px;
  height: 73px;
  float: left;
}
.yousir03r{
  width: 443px;
  height: 93px;
  float: right;
  padding-left: 20px;
}
.yousir03r a{
  width: 443px;
  height: 30px;
  display: block;
  font-size: 25px;
  color: #333
}
.yousir03r a:hover{
  color: #333
}
.yousir03r span{
  padding-top: 5px;
  display: block;
  color: #6d6d6d
}

.yousir04l{
  width: 64px;
  height: 73px;
  float: left;
}
.yousir04r{
  width: 443px;
  height: 93px;
  float: right;
  padding-left: 20px;
}
.yousir04r a{
  width: 443px;
  height: 30px;
  display: block;
  font-size: 25px;
  color: #333
}
.yousir04r a:hover{
  color: #333
}
.yousir04r span{
  padding-top: 5px;
  display: block;
  color: #6d6d6d
}

.youosir01{height: 130px;}
.youosir02{height: 130px;}
.youosir03{height: 130px;}
.youosir04{height: 130px;}


/*neiye*/
.c li{float: left;margin-right: 10px;}

.c li a{
    background: #333;
    color: #fff;
    display: block;
    padding: 10px 30px;
    text-align: center;
    margin-top: 20px;
    width: 190px;

}

.c li a:hover{background: #d80100}

/*新闻*/
.p_newa{
  width: 100%;
  height: 506px;
  background: url(../images/p_20.jpg) repeat;
  margin: 0 auto;overflow: hidden;
}
.sxinwen{
  width: 100%;height: 73px;
  background: url(../images/p_18.jpg) no-repeat center; 
  margin: 0 auto;margin-top: 15px;margin-bottom: 15px;
} 
.sxwl{
  width: 560px;
  height: 357px;
  background: url(../images/shi_29.jpg) no-repeat center;
  float: left;
}
.sxwr{
  width: 622px;
  height: 400px;
  float: right;
}

/*ke新闻*/
.kenew{
  width: 100%;height: 554px;background: url(../images/ke_43.jpg) no-repeat center;margin: 0 auto;
}
.kenewa{
  width: 100%;margin: 0 auto;height: 500px;
}
.kenewal{
    float: left;width: 36%;height: 500px;
}
.kenewar{
  width: 64%;float: left;
}
.kenewar li{
  height: 138.5px;padding-left: 111px;   
}
.kenewar li:hover{
  background: #e80101;  height: 138.5px; transition: all 0.40s ease-out;
}
.kenewarl{
  width: 8%;float: left;margin-top: 25px;
}
.kenewarl span{
  font-weight: bold;font-size: 50px;color: #333;width: 100%;height: 60px;font-family: "impact";display: block;
  line-height: 60px;text-align: center;
}
.kenewarl a{
  width: 100%;height: 30px;font-family: "arial";display: block;
  line-height: 30px;font-size: 20px;text-align: center;
}
.kenewarr{
  width: 90%;float: right;padding-top: 30px;
}
.kenewarr a{
  width: 100%;height: 35px;line-height: 30px;display: block;font-size:18px;color: #333
}
.kenewarr span{
  width: 60%;height: 50px;
  line-height: 26px;display: block;font-size:14px;overflow: hidden;
  color: #8a7b7c
}

.kenewar li:hover .kenewarl span{color: #fff}
.kenewar li:hover .kenewarl a{color: #fff}
.kenewar li:hover .kenewarr a{color: #fff}
.kenewar li:hover .kenewarr span{color: #fff}





/*新闻开始*/
.H-NEWS3{ width:1200px; overflow:hidden;padding:0px; float: left;}
.H-NEWS3 ul{ margin:0px; padding:0px; }
.H-NEWS3 ul li{ width:580px; height:173px; border:#dcdcdc 1px solid; margin-bottom:12px;margin-right: 10px;float: left;}
.H-NEWS3 ul li .l{ float:left; width:236px; height:163px;text-align:center; font-size:16px; color:#fff;}
.H-NEWS3 ul li .l img{ width: 240px;height: 177px;}
.H-NEWS3 ul li .l h1{display:block; height:20px; font-size:62px; text-align:center; line-height:25px; color:#0051b5; font-weight:400; margin-top:32px;font-family: "impact";}
.H-NEWS3 ul li .l h2{margin-top: 20px; display:block; height:20px; font-size:15px; text-align:center; line-height:25px; color:#0051b5; font-weight:400;}
.H-NEWS3 ul li .r{ float:right; width:302px; margin-right:15px;}
.H-NEWS3 ul li .r h1 a{ color: #333;    overflow: hidden;
    margin-bottom: 10px;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    margin-top: 17px;
    font-weight: 400;}
.H-NEWS3 ul li .r h2{ height:18px; line-height:18px; text-align:left; font-size:12px; display:block; width:460px; font-weight:400; color:#333;}
.H-NEWS3 ul li .r h3{height: 41px;;margin: 0 auto;line-height: 21px;text-align:left;font-size: 14px;color: #989898;overflow:hidden; width:100%; font-weight:400;overflow: hidden;}
.H-NEWS3 ul li:hover .l h1 { color:#333;}
.H-NEWS3 ul li:hover .l h2 { color:#333;}
.H-NEWS3 ul li:hover .r h1 a{ color:#333;}
.H-NEWS3 ul li:hover .r h3 { color:#989898;}
.H-NEWS3 ul li:hover .r .pmore{background: #ff0000}
.H-NEWS3 ul li:hover .r .pmore a{color: #fff}

.pmore{width: 93px;height: 32px;background: #ffcc00;    margin-top: 9px;}
.pmore a{line-height: 32px;color: #333;text-align: center;display: block;}

/*汉柯尾部*/
.keweibu{
  width: 100%;height: 226px;background: url(../images/ke_49.jpg) no-repeat center;margin: 0 auto;
}
.keweibua{
  width: 1250px;height: 77px;margin: 0 auto;
}
.keweibua1{
  width: 219px;height: 79px;float: left;padding-top: 90px;margin-left: 75px;
}
.keweibua1 span{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;
  font-size: 16px;
}
.keweibua1 a{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;text-transform: uppercase;
  font-family: "arial";
}
.keweibua1 a:hover{
  color: #ccd4e6;
}

.keweibua2{
  width: 219px;height: 79px;float: left;padding-top: 90px;margin-left: 75px;
}
.keweibua2 span{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;
  font-size: 16px;
}
.keweibua2 a{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;text-transform: uppercase;
  font-family: "arial";
}
.keweibua2 a:hover{
  color: #ccd4e6;
}

.keweibua3{
  width: 219px;height: 79px;float: left;padding-top: 90px;margin-left: 75px;
}
.keweibua3 span{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;
  font-size: 16px;
}
.keweibua3 a{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;text-transform: uppercase;
  font-family: "arial";
}
.keweibua3 a:hover{
  color: #ccd4e6;
}

.keweibua4{
  width: 219px;height: 79px;float: left;padding-top: 90px;margin-left: 75px;
}
.keweibua4 span{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;
  font-size: 16px;
}
.keweibua4 a{
  width: 219px;height: 30px;text-align: center;display: block;margin: 0 auto;color: #fff;text-transform: uppercase;
  font-family: "arial";
}
.keweibua4 a:hover{
  color: #ccd4e6;
}


/*电脑底部*/
.sfoot{
  width:100%;
  height:465px;
  background:url(../images/ke_50.jpg) repeat-x;
  margin:0 auto;
}
.sfoota{width:1200px;    height: 340px;margin:0 auto;}
.sfootat{width:1200px;height:80px;margin:0 auto;padding-top:40px;}
.sfootatl{width:454px;height:65px;background:url(../images/shi_33.jpg) no-repeat;float:left;}
.sfootatr{width:800px;height:65px;float:left;padding-left:5px;}

.sfootatiao{width:1200px;height:1px;background:#585858;margin:0 auto;margin-top:50px;}
.sfootz{height:243px;margin:0 auto;padding-top:20px;}
.sfootzl{width: 180px;float:left;}
.sfootzlt{width: 102px;height:71px;background:url(../images/p_29.jpg) no-repeat center;}
.sfootzlb{    
width: 406px;
height: 149px;
margin-top: 20px;
overflow: hidden;
color: #adadae;
line-height: 25px;padding-left: 10px;
  }
.sfootzlb p{line-height: 30px;color: #ffffffb3;}

.sfootzz{margin-top: 44px;width:12px;height:208px;background:url(../images/p_32.jpg) no-repeat center;float:left;}
.sfootzr{width: 390px;
float: left;
margin-left: 10px;}
.sfootzrt{width:125px;height:71px;background:url(../images/p_34.jpg) no-repeat center;}
.sfootzrb{width: 390px;height:175px;}
.sfootzrb li{width: 130px;height: 28px;float: left;}
.sfootzrb li a h3{color: #adadae}

.kefoot{
  width: 442px;float: left;
}
.kefoott{
  width: 116px;height: 46px;background: url(../images/p_35.jpg) no-repeat center;margin-top: 15px;margin-left: 5px;
}
.kefoodd{
  margin-top:20px;
}
.kefoodd li{
  line-height: 35px;
}
.kefoodd li a{
  color: #adadae;
}


.banquan{width:1200px;height:40px;line-height:40px;text-align:center;margin:0 auto;color:#ededed}
.banquan p{text-align: center;line-height: 36px;font-size: 15px;}



.kecpl{width: 1250px;margin: 0 auto;}


/*手机底部*/

#part-pp{ width: 100%; height:auto; /*padding-bottom: 12px;padding-top: 20px;*/}
.part-ppbt{ /*padding-top:20px; */margin: 0px auto; width: 100%;  
  text-align: center; font-size: 30px; color: #fff;font-weight: bold;}
.part-ppbt span{ padding:0px 10px; font-size: 14px; color: #ffffff; 
  text-transform: uppercase; background: #f64e4e;}

.y-phone-content{ padding:15px;margin-bottom: 0px;font-size:1em; line-height:1.8em; color:#fff;}
.y-phone-content p{ padding:0px 20px ; text-align:left; line-height:170%;margin: 0 0 10px; font-size:15px; color:#333;}
.y-phone-content p p{font-size:15px; color:#333;}

.y-phone-contentt{ padding:15px; font-size:1em; line-height:1.8em; color:#333333;/*    margin-bottom: 60px;*/}
.y-phone-contentt p{ padding:0px 20px ; text-align:left; line-height:170%; font-size:15px; color:#333;}
.y-phone-contentt p p{font-size:15px; color:#333;}
/**/
.y-phonee-content{ font-size:1em; padding-bottom: 26px;text-align: center;line-height:1.8em; color:#fff;background: #2D2D2D;padding-top: 10px;border-top: 1px solid rgba(244, 244, 244, 0.11);}
.y-phonee-content p{ padding:0px 20px ; text-align:left; line-height:170%;margin: 0 0 41px; font-size:15px; color:#333;}
.y-phonee-content p p{font-size:15px; color:#333;}

.y-phonee-contentt{ padding:15px; font-size:1em; line-height:1.8em; color:#333333;/*    margin-bottom: 60px;*/}
.y-phonee-contentt p{ padding:0px 20px ; text-align:left; line-height:170%; font-size:15px; color:#333;}
.y-phonee-contentt p p{font-size:15px; color:#333;}


/* 底部固定导航 */
#social_nav5{height:58px;position:fixed;bottom:0;width:100%;z-index:999;background: #333;}
#social_nav5 ul{width:100%;}
#social_nav5 li{ float:left; position:relative;width:25%;border-right:1px solid rgba(255, 255, 255, 0.33); font-size:12px; text-align:center; color:#fff;line-height:12px; height:58px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
#social_nav5 li:last-child{border-right:none;}
#social_nav5 li:first-child{border-left:none;}
#social_nav5 li em{ width:23px; display:block; margin:0 auto; padding:10px 0 6px 0;}
#social_nav5 li em img{width: 23px;}
#social_nav5 li a{ color:#fff;}
#social_nav5 li.cur{ color:#fff; background: #ffae02;}
#social_nav5 li .erji{ position:absolute; bottom:58px; left:0; width:100%; text-align:left; background:#0151b5; display:none; }
#social_nav5 li .erji a{ display:block; border-bottom:1px solid #20a6ee; font-size:12px; height: 26px; line-height:26px;position:relative; text-align:center;  color:#fff;}
#social_nav5 li .erji a:last-child{border-bottom:none;}

/*end*/


/*====================title====================*/
.h-tit1{
  width: 100%;
  height: auto;
  overflow: hidden;
  background: url(../images/cpdht.jpg) center 40px no-repeat;
  margin-top: 20px;
}
.h-tit1 h3{
  display: block;
  width: 100%;
/*  padding-bottom:13px;*/
  text-align: center;
  font-size: 36px;
  color: #3f3f3f;
  font-weight: bold;
}
.h-tit1 span{
font-size: 16px;
color: #aeaeae;
font-weight: normal;
text-transform: uppercase;
text-align: center;
display: block;
font-family: arial;
letter-spacing: 0px;
margin-top: 3px;
margin-bottom: 3px;
}
#canli img{height: auto!important;}
.h-tit1 p{
  display: block;
  padding-bottom: 10px;
  width: 100%;
  font-size: 17px;
  color: #6c6c6c;
  text-align: center;
  margin:0 auto;
}
.h-tit1 .h-t-line{
  margin: 0 auto;
  width: 73px;
  height: 5px;
  background-color: #0875db;
}
.nylistaa{
  width: 100%;/*background: #f4f4f4;*/padding: 8px;
/*  border-top: 1px solid #e9e7e7;border-bottom: 1px solid #e9e7e7;*/
}
.ckjr {
    width: 100% !important;
    height: 40px;
    overflow: hidden;
    line-height: 30px;
}

.ckjr font {
    text-align: left;
    color: #555 !important;
    font-size: 14px;
    float: right;
    width: 96% !important;
    border-top: 1px solid #f4f4f4;

    padding-top: 10px;
}
.ckjr font em {
    font-size: 25px;
    font-style: normal;
    color: #F00;
    font-family: "arial";

}
.ckjr:hover {
  margin-left:12px; transition: all 0.35s ease-out;
}
/*====================PC====================*/
@media only screen and (min-width: 1200px){
  #w-1200{width:1260px;/*margin-top: 20px;*/margin: 0 auto;}  
  #w-1200-1{width:1260px;padding-top: 0px;}
  #w-1200-2{width:1260px;margin-top: 10px;}
  .p_sbt{display: none;}
  .ph-menu{display: none;}
  .sj-banner{display: none;}
  .cpbiaots{display: none}
/*产品*/
.miab{display: none;}
.zpcp{display: none;}
.syousi{display: none}
.swiper-container{display: none!important;}
.swiper-pagination-switch{display: none!important;}

/*优势*/
.myous{display: none;}

#canli h4 {display: none;}

  .bottom{display: none;}
  .social_nav5{display: none;}
  .smjian{display: none;}
  .smyou{display: none;}
  .smjian{display: none;}
  .smjiantu{display: none;}
  .smyous{display: none;}
  .mdibu{display: none;}
  .sml{display: none;}
  #h-s-768{display: none;}
  .systop{display: none}
  .sanlisj{display: none}

/*新闻*/
.p_newa{display: none;}



}

/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
  .p_sbt{display: block;}
  #w-1260{width:100%;}
  #w-1200-1{width:100%}
  #w-1200-2{width: 100%}
  .toua{display: none;}
  .ph-menu{display:block;}
  .sj-banner{display: none;}
  .header .nav{display: none;}
  .cpbiaot{display: none}
  .shitop{display: none;}
  .header{display: none;}
/*产品*/
.wrap{display: none;}
#cphhhs{display: none;}
.h-pro1{display: none;}
.tu1{display: block;}
.hp1-nr{display: none;}
.scpl{display: none}
.miaoo{display: none}
.miaoll{display: none}
.miaorr{display: none;}
/**/
.yuancp{height: auto;}
.zpcpt { width: 96%;margin:0 auto;height: auto; }
.zpcpt li{float: left;width: 48%;margin-right: 3px;margin-bottom: 5px;}
.zpcpb{width:96%;margin:0 auto;}

.zpcpt2 { width: 96%;margin:0 auto;height: auto; }
.zpcpt2 li{float: left;width: 48%;margin-right: 3px;margin-bottom: 5px;}
.zpcpb2{width:96%;margin:0 auto;}


/*简介*/
.babout{width: 100%;margin:0 auto;background: #0868d7;    height: 395px;}
.baboutl{width: 100%;margin:0 auto;height: 395px;}
.baboutlt{width: 100%;}
.baboutlt h2 {margin-top: 15px;text-align:center; color: #fff;}
.baboutlt span{width: 39px;height: 8px;background: #ffa912;display: block;margin:0 auto;margin-top: 15px;}

.baboutlb{width: 96%;margin:0 auto;color: #fff;margin-top: 15px;}
.baboutlb a{color: #fff;}
.baboutlb a p{color: #fff;}


/**/
.babout2{margin-top: 0px;height: auto;}
#canli h4 {text-align: center;line-height: 30px;font-size: 14px;}
#canli{margin-bottom: 24px;width:25% !important;}
#canli img {
    width:100% !important;
    height: auto !important;
}

  /*anli*/
.con{/*width:770px;height:435px;*/}
.con ul li{/*width:381px;height:274px;float:left;*/margin-right:4px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.con ul li img{width:100%}

.txt h3{font-size: 12px;}
.mdibu{display: none;}
.sml{display: none;}
#s-h-768{display: none;}
}

/*====================手机====================*/
@media only screen and (max-width: 768px){
  /*.container-fluid{margin:0px -10px;}*/
.toubul{display: none;}
#canli img {width:100%;height: auto;}
.yuancpl{width: 100%;}
.wrap{display: none;}
.yuancp{height: auto;}
.zpcpt { width: 96%;margin:0 auto;height: auto; }
.zpcpt li{float: left;width: 47%;margin-right: 4px;margin-left: 4px;margin-bottom: 5px;}
.zpcpb{width:100%;margin:0 auto;}
.fb-pro {margin-bottom: 15px;width: 47%;float: left;margin: 5px;border: 1px solid #eee;padding: 3px;}
.biaotir {width: 100%;float: right;}
.zpcpt{display: none}
/*简介*/
.babout{width: 100%;margin:0 auto;height: 424px;background:url(../images/abbg.jpg) no-repeat center;}
.baboutl{width: 100%;margin:0 auto;height: 395px;}
.baboutlt{width: 100%;}
.baboutlt h2 {margin-top: 15px;text-align:center; color: #fff;font-size: 30px;}
.baboutlt span{width: 39px;height: 8px;background: #ffa912;display: block;margin:0 auto;margin-top: 15px;}

.baboutlb{width: 96%;margin:0 auto;color: #fff;margin-top: 15px;overflow: hidden;}
.baboutlb a{color: #fff;    font-size: 14px;line-height: 26px;}
.baboutlb a p{color: #fff;    font-size: 14px;line-height: 26px;}
.ditu{display: none}
.lxt{
  display: none;
}
.duibitu{
  
  display: block;
} 


.zenew{
  display: none
}
.baboutlz{
  width: 20%;
  height: 30px;
  background: #f64e4e;
  margin:0 auto;
  border-radius: 8px;
  display: block;
}
.baboutlz a{
  line-height: 30px;
  text-align: center;
  color: #fff;
  display: block;
}
.baboutlz a:hover{
  color: #fff;
}

.babout2{margin-top: 0px;height: auto;}
#canli h3{margin-top: 0px !important;}
#canli p{display: none}
#canli h4 {text-align: center;line-height: 30px;font-size: 14px;}
#canli{margin-bottom: 24px;width:25% !important;}
#canli img {
    width:100% !important;
    height: auto !important;
}
.demo {
    margin: 18px;
}

.yousbz strong {

    font-size: 17px;

}

/*优势*/
.sjyou{
  width: 100%;
  height: auto;
  background: #0a74ee;
}
.youst {
    width: 100%;
  }
.youst h4 {
    font-size: 23px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.youst span {
    font-size: 9px;
      
}

.yousb li {
    border-right: 1px solid #ededef;
    height: auto;
    float: left;
}
  .p_sbt{display: block;}
  .nylistz{width: 100%;}
  #nycp li{width: 48%;margin-right: 6px;margin-bottom: 6px;margin-bottom: 12px;}
  .shitop{display: none;margin: 0px;padding:0px;}
  #qrlistzh{width:100%}
  #qrlistzh li{    margin-right: 1.5%;margin-bottom: 1.5%;width: 48.5%;}
  #qltu{width: 100%;height: auto;}

  .header{display: none;}
  .cpbiaot{display: none}

  /*产品*/
.yuana{
  width: 100%;
  height: 466px;
  background: url(../images/ab.jpg) no-repeat center;  
  margin-top: 15px;
}
.yuanat{
  width: 79%;
  margin:0 auto;
margin-top: 83px;
overflow: hidden;
height: 356px;
}
.yuanat p {

    color: #333;
    line-height: 30px;
    font-size: 15px;
}
.yuanab{
  display: none;
}
.miab{
  width: 90%;
  margin:0 auto;
}
.miab a{
  display: block;
  width: 118px;
  height: 42px;
  background: url(../images/miab.jpg) no-repeat center;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 13px;

}
.fenge {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.fenge li img{
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  height: auto;
}
.yuancp{
  height: auto;
  overflow: hidden;
}
.yuancpl{
  background: none;
  margin:0 auto;
  height: 64px;

}
.yuancpl h2{
 text-align: center;
 margin-left: 0px;font-size: 25px;
 margin-bottom: 3px;
}
.yuancpl span{
 text-align: center;
 text-transform: uppercase;
 display: block;
 color: #444;font-size: 14px;
font-family: arial;
}
.yuancpr{
  width: 95%;
  margin:0 auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.yuancpr li {

    border-radius: 8px;
    float: left;
    width: 48%;
    margin-right: 2%;

}
.yuancpr li a{
  width: 100%;
  float: left;

}
.yuanys{
  width: 100%;
  height: 182px;
  /*background: url(../images/miyou.jpg) no-repeat center;*/
  overflow: hidden;
}
.yuanys img{
  width: 100%;
  height: 182px;
  overflow: hidden;
  display: block;
}

.yuanysa {display: none}
.showlist li{height:auto !important}
.ckjr{display: none;}
.cpbiao {

    width: 349px;
    height: 52px;}
.cpbiao h2 {

    text-align: center;
    font-size: 33px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 3px;

}
.cpbiao span {

    text-align: center;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: arial;

}
h1.title2{display: none!important}
.h-tit1 h3{font-size: 25px;margin-bottom: 3px;}
.h-tit1 span{font-family: "arial";font-size:14px;}
.sk-dt2-date .more{margin-top: 0px;}
.sk-dt2-tit a h2{margin-top: 0px;margin-bottom: 0px;}
.sk-dt2-tit p{margin-top: 0px;margin-bottom: 0px;}
.more{display: none}
.sk-dt2-d{display: none;}
.sk-dt2 img{display: none}
.sh-ny-cont {margin-bottom: 60px;}
/**/
#w-1260{width: 100%;}
  
 .fb-news a h3{
    height: 34px;
    overflow: hidden;
  }
  .fb-news .newsfl{
    width: 50%;
  }
  .fb-pro .p01-cont .more1{
      text-align: center;
      /*padding: 3px 3px 5px 3px;*/
  }
  .fb-pro .p01-cont {
    padding: 8px 3px 3px 3px;
  }
  .fb-pro .p01-cont .more1 a{
    float: none;
    margin-top: 5px;
    margin-left:1px;
    margin-right: 1px;
    display: inline-block;
    width: 48%;
    font-size: 12px;
    background: #f64e4e;
    color: #fff;
  }
  .my-pro-phone{
    display: block;
    background-color: #333 !important;
  }
  .fb-pro .p01-cont a h3{
    font-size: 15px;
    height: 23px;
    line-height: 130%;
    margin-top: 0px;
    margin-bottom: 0px

  }
  .fb-pro:hover .p01-cont a h3{
  margin-left:0px;
  color: #333;
}
.fb-pro:hover .p01-cont{
  background-color: #fff;
 
}
  .fb-pro:hover .p01-cont .more1 a{
  margin-right: 0px;
}


/*简介*/
.kejianar{display: none}
.kejian{width: 100%;background: #f0f2f5;height: auto;}
.kejiana{width: 90%;margin:0 auto;}
.kejianal{width: 100%;margin: 0 auto;}
.kejianal img{width: 100%;float: left;}
.kejianalt{width: 100%;height: auto;}
.kejianalz{width: 100%;margin-top: 0px;height: auto;}
.kejianalb{width: 43%;margin-top: 10px;}

/*优势*/
.keyous{width: 100%;margin: 0 auto;display: none;}
.myous{width: 100%;margin: 0 auto}
.myoust{width: 90%;margin: 0 auto;height: auto;}
.myoust img{width: 100%;margin: 0 auto;}
.myousb{width: 100%;margin: 0 auto;}
.myousb h2{font-size:30px;color: #0756bb;font-weight: bold;text-align: center;margin-top: 10px;line-height: 32px;}
/*文字部分*/
.myousa{width: 90%;margin: 0 auto;}

/*底部*/
.keweibu{display: none;}


.myousat{width: 100%;margin: 0 auto;}
.myousatl{height: 83px;}
.myousatrr{width: 20%;float: right; height: auto;margin-top: 23px;}
.myousatrr img{width: 100%;margin: 0 auto}

.myousatll{width: 80%;float: left;margin-top: 13px;}
.myousatll h3{font-size: 16px;color: #444;font-family: "微软雅黑";margin-bottom: 0px;font-weight: bold;}
.myousatll span{text-transform: uppercase;font-size:12px;font-family: "arial";color: #b4b4b4;}

.myousatz{width: 100%;background: url(../images/ke_29.jpg) no-repeat center;margin: 0 auto;height: 20px;}
.myousatdb{width: 100%;margin: 0 auto;}
.myousatdb h3{margin: 0px;padding:0px;line-height: 30px;background: url(../images/ke_33.jpg) no-repeat -7px 8px;
margin-bottom: 10px;padding-left: 20px;font-size: 14px;}
.myousab{width: 100%;margin: 0 auto;}


.myousat2{width: 100%;margin: 0 auto;}
.myousatl2{height: 83px;}
.myousatrr2{width: 20%;float: left; height: auto;margin-top: 23px;}
.myousatrr2 img{width: 100%;margin: 0 auto}

.myousatll2{width: 76%;float: right;margin-top: 13px;}
.myousatll2 h3{font-size: 16px;color: #444;font-family: "微软雅黑";margin-bottom: 0px;font-weight: bold;}
.myousatll2 span{text-transform: uppercase;font-size:12px;font-family: "arial";color: #b4b4b4;}

.myousatz2{width: 100%;background: url(../images/ke_29.jpg) no-repeat center;margin: 0 auto;height: 20px;}
.myousatdb2{width: 100%;margin: 0 auto;}
.myousatdb2 h3{margin: 0px;padding:0px;line-height: 30px;background: url(../images/ke_33.jpg) no-repeat -7px 8px;
margin-bottom: 10px;padding-left: 20px;font-size: 14px;}
.myousab2{width: 100%;margin: 0 auto;}

/*新闻*/
.kenew{display: none}



 .pu_jian{display: none;}
  #qrlist{width: 100%}
  #qrlist img{}
  #w-1200{width:100%;}
  #w-1200-1{width: 100%}
  #w-1200-2{width: 100%}
  .H-NEWS3{width: 100%}
 .ph-menu{display: block;}
  .toua{display: none;}
  .banner{display: none;}
  .sxwl{display: none;}
  .syous{display: none;}
  .sjian{display: none;}
  .ren{display: none;}
  .sfoot{display: none;}
  .smjian{display: block;}
/*  .more1{display: none;}*/
  .h-pro1 .hp1-nr .scpl{width:100%;}
  .smyou{display: block;}
  .smyous{display: block;}
  .mdibu{display: block;}
  #s-h-768{display: none;}
  #h-s-768{display: block;    
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    color: #fff;
    text-align: center;margin-bottom: 10px;
    }

  /*产品*/


/*案例*/
.sanlisj{width: 100%;}

.con{/*width:770px;height:435px;*/}
.con ul li{/*width:381px;height:274px;float:left;*/margin-right:4px;margin-bottom:0px;position:relative;overflow:hidden;cursor:pointer;}
.con ul li img{width:100%}

.txt h3{font-size: 12px;}
.txt h3 a{color: #333}


/*优势*/
#smyou{margin: 0 auto;margin: 0px;padding: 0px;}
#smyoutu{background: #f4f4f3;height: auto;width: 100%;margin-bottom: 15px;padding-top: 20px;}
#smyoutu li{padding:5px;}


/*新闻*/
.newa {
    width: 100%;
    height: 100px;
    background: url(../images/h_09.jpg) repeat;
    margin: 0 auto;
}
.fb-news{display: none;}
.newt{width: 100%;}
.newt a{display: none;}
.newt h2{width: 100%;}
.p_newa{height: auto;margin-bottom: 15px;background: url(../images/h_09.jpg) repeat;}
.pmore{display: none;}
.H-NEWS3 ul li{width: 100%;height:auto;border:#dcdcdc 1px solid;margin-bottom:12px;margin-right: 10px;}
.H-NEWS3 ul{width:100%;}
.H-NEWS3 ul li .l{float:left;width: 25%;height:auto;text-align:center;font-size:16px;color:#fff;}
.H-NEWS3 ul li .l img{width: 100%;   height: auto; margin-top: 11px;;}
.H-NEWS3 ul li .l h1{display:block; height:20px; font-size:62px; text-align:center; line-height:25px; color:#0151b5; font-weight:400; margin-top:32px;font-family: "impact";}
.H-NEWS3 ul li .l h2{margin-top: 20px; display:block; height:20px; font-size:15px; text-align:center; line-height:25px; color:#0151b5; font-weight:400;}
.H-NEWS3 ul li .r{float:right;width: 71%;margin-right:0px;margin-top: 15px;}
.H-NEWS3 ul li .r h1 a{ color: #333;margin-bottom: 0px;font-size: 14px;height: 23px;line-height: 23px;text-align: left;width: 100%;
display: block;margin-top: 0px;font-weight: 400;}
.H-NEWS3 ul li .r h1{margin: 0 auto;}
.sxwr{height: auto;}

/*底部*/
.foot-bg{display: none}
.sml{/*border-top:6px solid #d80100;*/background: #2d2d2d;}
.kecpl{width: 100%}


.kehuan{display: none;}

.cpbiaots {display: none}
#qrlistzh{margin-top: 10px;margin-bottom: 10px;}

.qrout{display: none}
.c{display: none;}
div.min_box_content{    color: #666;
    min-height: 100px !important;
    height: 80px;
    padding-bottom: 22px;}
.wenhua{display: none}

}




.device {
  width: 100%;
 /*   height: 376px;
  padding: 20px 20px;
  border-radius: 20px;
  background: #111;
  border: 3px solid white;*/
  margin: 5px auto;
  position: relative;
/*  box-shadow: 0px 0px 5px #000;*/
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: auto;
  width: 100%;
}
.swiper-container img{
  height: 200px;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
    bottom: -9px;
    width: 100%;
    z-index: 999;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}



/**/
.wenhua{
  width: 100%;
  height: 659px;
  background: url(../images/hongyuandoor50.png) no-repeat center;
  margin:0 auto;
  overflow: hidden;
}
.wenhual{
  width: 679px;
  height: 471px;
  background: url(../images/hongyuandoor51.png) no-repeat center;
  float: left;
  margin-top: 80px;
  margin-right:20px;
}
.linian{
  font-family: times new roman,times,serif;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0px;
  color: #0868d7
}
.linian2{
  font-size: 19px;
  color: #0868d7;
  margin-bottom: 6px;

}
.linian3{
  font-size: 15px;
  color: #878787;
  line-height: 30px;
  margin-bottom: 10px;
}
.ditu{
  width: 100%;
  margin:0 auto;
  background: url(../images/tu.png) no-repeat center;
  height: 300px;

}